body{padding: 50px 0 0 0}
/*#main{width: 90%;margin:80px auto;}*/

.add-task{margin:10px auto;}

.todo-list ul{list-style: none;margin:0;padding: 0 15px}
.todo-list ul li{height: 35px;line-height: 2em;}
.todo-list ul li h4{display: inline;padding: 0 8px;}

.todo-l{float: left;}
.opt{float: right;}

#task-opts{display: none;}
.task-opt-content{padding:15px;}

.mb10{margin-bottom: 10px;}
.red{color: #F00;}


.todo-item,.msg-item,.user-item,.comm-item{
	background: #ddd;
	border-radius: 5px;
	padding: 15px;
	margin: 0 1em 1em 0;	
	position: relative;
}
.todo-item cite{
	color: #999;
	padding-right: 8px;
}
.home-index{
	margin:0 5%;
}


label .error{
	display: inline;
	color: #B94A48;
	margin-bottom: 10px;
	margin-top: 5px;
}


.new-msg{
	color: #ac0000;
	background: #ddd;
	padding: 3px 6px;
	border-radius: 2px;
}

.msg-item cite{
	margin:0 5px;
	color: #888;
}
.msg-item b{
	color: #666;
}

.task-content p{
	font-size: 16px;
}
.task-comment{
	margin-bottom: 15px;
}

.task-item{
	padding: 10px 25px;
	background: #ddd;
	border-radius: 5px;
	margin: 0 15px 15px 0;
}

.task-item ul{
	padding: 0 ;
	margin:  0;
	list-style: none;
}

.task-item > .worker{

	line-height: 2em;
}
.task-item ul li{

	line-height: 2em;
	border-bottom: 1px dotted #bbb;

}
.task-item ul li em{
	padding: 0 5px;
	color: #666;
}

.task-day{

}

.delete{
	position: absolute;
	top: 10px;
	right: 5px;
}
.user-item .btn-group a,.delete,.comm-item .btn-group a,.delete{
	margin: 0 8px;
	font-size: 18px;
}

.search-form{
	padding:15px;
	background: #ddd;
	border-radius: 5px;
	margin:15px 0;
}
.upload_append_list{
	height: 150px;
	width: 150px;
	float: left;
}
..slide-img{width: 100%;}

@media (min-width: 768px) {
	.todo-item,.user-item,.comm-item{
		width: 30%;
		float: left;
	}

	.task-item{
		margin-left: 40px;
	}
	.task-item ul li{
		border-bottom: none;
	}
	.upload_append_list{
		height: 150px;
		width: 150px;
		float: left;
		overflow: hidden;
		margin:15px;
	}
	.slide-img img{
		height: 75px;
		width: 150px;
		overflow: hidden;
	}
	.article .descrip,.address{
		height: 40px;
		overflow: hidden;
	}
	.slide-img{
		width: 150px;
		height: 75px;
		overflow: hidden;
	}

}

/*清除浮动 代码*/
.cc:after {content: ".";display: block;height:0;clear: both;visibility: hidden;}
.cc {display: inline-block;}/* Hides from IE-mac \*/
* html .cc {height: 1%;}
.cc {display: block;}/* End hide from IE-mac *//*清除浮动 代码*/
.c{clear:both;font:0px/0px Arial;overflow:hidden;height:0;width:0;}


/* this CSS is not part of the widget, it is here just as an example of the demo page styling.... Don't copy this one, roll your own. One
 * of the key things about the widget is that it allows you to do your own styling!
 */

#editor {
	height: 300px;
	background-color: white;
	border-collapse: separate; 
	border: 1px solid rgb(204, 204, 204); 
	padding: 4px; 
	box-sizing: content-box; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset; 
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px; border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
	max-height:350px;
	margin-bottom: 10px;
	color: #888
}
#voiceBtn {
  width: 20px;
  color: transparent;
  background-color: transparent;
  transform: scale(2.0, 2.0);
  -webkit-transform: scale(2.0, 2.0);
  -moz-transform: scale(2.0, 2.0);
  border: transparent;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
}

div[data-role="editor-toolbar"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 8px;
}

.dropdown-menu a {
  cursor: pointer;
}
.input-append{
	padding: 10px;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}
